<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>图书管理系统</title>
  <meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
  <meta name="author" content="Vincent Garreau" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <link rel="stylesheet" media="screen" href="css/style.css">
 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
		$(document).ready(function(){
			$("#but").click(function(){
				fun();
			});
		});

		function fun(){
			var bianhao = $("#bianhao").val();
			var mingcheng = $("#mingcheng").val();
			
			var chubanshe = $("#chubanshe").val();
			var jianjie = $("#jianjie").val();

			$.ajax({
				type:"post",
				url:"./tianjiatushu_yanzheng.php",
				data:{"mingcheng":mingcheng,"bianhao":bianhao,"chubanshe":chubanshe,"jianjie":jianjie},
				datatype:"text",
				success:function(judge)
				{
					if(judge == "-1")
					{
					document.getElementById("warn").innerHTML= "不能有空项";
				
				    }
				else if(judge == "0")
					{
					document.getElementById("warn").innerHTML = "插入成功";
		            }
	            else{
			            document.getElementById("warn").innerHTML = "插入失败";
		            }
			     }
				});
			};
</script>

 
 
 

  <script type="text/javascript">

$(document).ready(function(){
  $("#tushuguanli").click(function(){
  	$("#anquantuichu-1").hide();
  	$("#guanliyuan-1").hide();
  	$("#jieyuezhongxin-1").hide();
  $("#gerenzhongxin-1").hide();
  $("#tushuguanli-1").toggle();
    });
});
</script>
<script type="text/javascript">

$(document).ready(function(){
  $("#gerenzhongxin").click(function(){
  	$("#anquantuichu-1").hide();
  	 	$("#guanliyuan-1").hide();
  	$("#jieyuezhongxin-1").hide();
  $("#tushuguanli-1").hide();
  $("#gerenzhongxin-1").toggle();
  
    });
});
</script>
<script type="text/javascript">
$(document).ready(function(){
  $("#jieyuezhongxin").click(function(){
  $("#tushuguanli-1").hide();
  $("#gerenzhongxin-1").hide();
   $("#anquantuichu-1").hide();
  	$("#guanliyuan-1").hide();
  	  	$("#jieyuezhongxin-1").toggle();
  
    });
});
</script>
<script type="text/javascript">

$(document).ready(function(){
  $("#guanliyuan").click(function(){
  $("#tushuguanli-1").hide();
   $("#jieyuezhongxin-1").hide();
  $("#gerenzhongxin-1").hide();
   $("#anquantuichu-1").hide();
  $("#guanliyuan-1").toggle();
  
    });
});
</script>
<script type="text/javascript">


$(document).ready(function(){
  $("#anquantuichu").click(function(){
  $("#tushuguanli-1").hide();
   $("#guanliyuan-1").hide();
   $("#jieyuezhongxin-1").hide();
  $("#gerenzhongxin-1").hide();
  $("#anquantuichu-1").toggle();
  
    });
});
  </script>
</head>
<body>

<div id="particles-js"></div>

<!-- scripts -->
<script src="js/particles.js"></script>
<script src="js/app.js"></script>
<div class = "top-daohanglan"><img src="img/book1.png">&nbsp;图书管理系统</div>
       <div class="waikuang">
       
	            <div id="tushuguanli"><img src="img/tushuguanli.png"><button>&nbsp;&nbsp;图书管理</button></div>

                <div id="gerenzhongxin"><img src="img/gerenzhongxin.png"><button>&nbsp;&nbsp;个人中心</button></div>

	            <div id="jieyuezhongxin"><img src="img/jieyuezhongxin.png"><button>&nbsp;&nbsp;借阅中心</button></div>

	            <div id="guanliyuan"><img src="img/guanliyuan.png"><button>&nbsp;&nbsp;管理员权限</button></div>

	            <div id="anquantuichu"><img src="img/anquantuichu.png"><button>&nbsp;&nbsp;安全退出</button></div>
	    
</div>

<div id="tushuguanli-1">
				<div class="ceshi">
					<table>
							<tr>
								<td>&nbsp;添加图书</td>
							</tr>

							<tr>
								<td>&nbsp;查找图书</td>
							</tr>
								<tr>
								<td>&nbsp;删除图书</td>
							</tr>
								<tr>
								<td>&nbsp;修改图书信息</td>
							</tr>

					</table>


				</div>


		<div class="tianjiatushu"><span>添加图书操作</span><hr><br>
		
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;图书编号&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="bianhao" id="bianhao"><br><br>

				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;图书名称&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="mingcheng" id="mingcheng"><br><br>

				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;入馆日期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="datetime-local" name="date" id="date">

				<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;出版公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="chubanshe" id="chubanshe">

				<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;内容简介&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea rows="6" cols="23" name="jianjie" id="jianjie"></textarea><br><br>
				<span id="warn"></span><br><input id="but" value="提交" type="submit">
		



		</div>

</div>
<div id="gerenzhongxin-1">个人中心</div>

<div id="jieyuezhongxin-1">借阅中心</div>
<div id="guanliyuan-1">管理员</div>
<div id="anquantuichu-1">安全退出</div>
</body>
</html>